// 1. 全局引入Vue
import Vue from 'vue'
// 2. 引入全局的css重置样式文件
import 'normalize.css/normalize.css'
// 3. 完整导入ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// import locale from 'element-ui/lib/locale/lang/en' // 英文语言包

// 4. 引入项目要用到的全局样式文件
// @是webpack配置的一个别名, 指向src目录
import '@/styles/index.scss'

// 5. 引入根组件
import App from './App'
// 6. 引入仓库
import store from './store'
// 7. 引入路由
import router from './router'
// 8. 引入字体图标文件
import '@/icons'
// 9. 引入权限控制文件
import '@/permission'

// 10. 全局注册ElementUI插件
import i18n from '@/lang'
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})
// console.log(ElementUI.install + '')

// 11. 自定义全局指令
import * as directives from '@/directives'
Object.keys(directives).forEach(key => {
  Vue.directive(key, directives[key])
})

// 12. 注册全局组件
import HrsassUI from '@/components'
Vue.use(HrsassUI)

// 13. 注册全局的过滤器
import * as filters from '@/filters'
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

// 14. 全局注册打印插件
// 一旦全局注册, 在每一个.vue文件中都可以去使用v-print指令
import Print from 'vue-print-nb'
Vue.use(Print)
// console.log(Print.install + '', '-----')

/*
  一旦把i18n全局挂载到Vue对象上
  它就会在Vue.prototype上去注册一个函数 $t
  在所有的.vue文件中可以直接使用 $t函数

  还可以通过$i18n去拿到i18n对象
*/
// 将App.vue根组件转换成DOM元素渲染到指定的挂载点(灰常重要)
new Vue({
  el: '#app',
  router,
  store,
  i18n,
  render: h => h(App)
})
